<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<title>弹动小球使用演示</title>
		<style>
			.ball {
				position: fixed;
				line-height: 2.75rem;
				width: 2.75rem;
				height: 2.75rem;
				padding: .5rem;
				text-align: center;
				border-radius: 99px;
				color: #fff;
				/*border: 1rem solid transparent;*/
				background-color: #ed424b;
				background-clip: padding-box;
				text-decoration: none;
				top: 2em;
			}
		</style>
	</head>

	<body>

		<div style="height: 2000px;">滚动测试，PC浏览器访问，需打开控制台进入移动模式。</div>

		<a href="javascript:" id="ball" class="ball">拖我</a>
		<script src="../src/Inertia.js"></script>
		<script>
			new Inertia(document.getElementById('ball'));
		</script>
	</body>

</html>